$gray: #6F7072;
$white: #ffffff;
$green: rgb(77, 238, 234);
$light-green: rgb(77, 238, 234, .2);
$yellow: rgb(249,248,113);
$yellow2: #ffcf86;
$red: #d6573c;
$dark1: #242121;
$light-dark:rgba(14,14,18,.8);

:root {
  --el-color-primary:$green;
  --el-transfer-panel-width: 380px;
}
html.dark{
  --el-text-color-primary:$gray;
  --el-menu-active-color:$white;
  --el-menu-text-color: rgba(255,255,255,.5);
  --el-color-primary: rgb(77, 238, 234);
  --el-bg-color: $light-dark;
  --el-border-color-lighter: #242121;
  --el-dialog-bg-color: #282727;
  --el-bg-color: #282727;
  --el-text-color: $white;
  --el-border-color-hover: #6F7072;
  --el-select-border-color-hover: red;
}
